import {
  generateHtml,
  getMarker,
  getMaxArrayLength,
  getTimeAndNumberStr,
  getPrevPeriodStr
} from '@/utils/study.js'

export const handlePastFormatter = function(params) {
  // 当前元素
  const item = params[0]
  // 原数据
  const sourceData = item.data.sourceData
  // 颜色
  const color = item.color
  // 号码
  const number = Number(sourceData.number)
  // 红色
  const currentMarker = getMarker(color)
  // 前几期数据
  const recentValues = item.data.recentValues

  // 计算宽度
  const numberWidth = 25
  const maxArrayLength = getMaxArrayLength(recentValues, recentValues)
  const width = `${maxArrayLength * numberWidth + 250}px`

  // 生成各部分的HTML
  const components = [
    // 生成日期和号码的HTML字符串
    getTimeAndNumberStr(currentMarker, sourceData.time, number, color),
    // 生成前几期HTML字符串
    getPrevPeriodStr(this.selectValue, recentValues, number)
  ]
  // 生成最终HTML
  return generateHtml(components, width)
}
